<!-- Vue指令v-model
1.作用：给表单元素使用，双向数据绑定→可以快速获取或设置表单元素内容
①数据变化→视图自动更新
②视图变化→数据自动更新
2.语法：V-model='变量 -->
<div id="app">
    账户:<input type="text" v-model="username"> <br><br>
    密码:<input type="password" v-model="password"><br><br>
    <button @click="login">登录</button>
    <button @click="reset">重置</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
<script>
    const app = new Vue({
        el: "#app",
        data: {
            username: '',
            password: '',
        },
        methods: {
            login() {
                console.log(this.username)
                console.log(this.password)
            },
            reset() {
                this.username = ''
                this.password = ''
            }
        },
    })
</script>